<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			#a1{margin: 0 auto;margin-top: 100px; text-align: center;}
			#adv:hover{
				/*transform: translate(100px,50px) scale(1.5,2.5);*/
				transform: skew(30deg,30deg);
			}
			#d2:hover{
				transform: rotate(50deg) skew(10deg);
			}
		</style>
	</head>
	<body>
		<div id="a1">
			<img id="adv" src="../img/3.jpg" height="200px" width="300px"/>
		</div>
		<img id="d2" src="../img/2.jpg"/>
	</body>
</html>
